<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
</script>

<template>
  <header>
    <div class="wrapper">
      <nav>
        <RouterLink to="/props">props</RouterLink>
        <RouterLink to="/eventTest">event</RouterLink>
        <RouterLink to="/eventBus">eventBus</RouterLink>
        <RouterLink to="/v_model">v_model</RouterLink>
        <RouterLink to="/attrsListenersTest">attrsListenersTest</RouterLink>
        <RouterLink to="/refChildrenPraent">refChildrenPraent</RouterLink>
        <RouterLink to="/provideInjectTest">provideInjectTest</RouterLink>
        <RouterLink to="/pinia">pinia</RouterLink>
        <RouterLink to="/slot">slot</RouterLink>
      </nav>
    </div>
  </header>

  <RouterView />
</template>

<style scoped lang="less">
.wrapper {
  nav {
    a {
      margin-right: 30px;
    }
  }
}
</style>
